<template>
    <!-- 顶部个人中心 -->
    <van-sticky>
        <van-nav-bar title="个人中心" left-text="返回" v-if="goPage" right-text="退出" left-arrow @click-left="$router.go(-1)"
            @click-right="onClickRight" />
        <van-nav-bar title="个人中心" left-text="返回" v-else left-arrow @click-left="$router.go(-1)"
            @click-right="onClickRight" />
    </van-sticky>

    <!-- 个人中心信息 -->
    <van-cell-group title="个人中心">
        <van-cell title="地址管理" is-link @click="$router.push('/address')" />
        <van-cell title="订单中心" is-link @click="$router.push('/order')" />
    </van-cell-group>
</template>

<script>
import { showConfirmDialog } from 'vant';
export default {
    // 组件内的首位 
    // 如果已经登录就进入个人中心页面 否则进入登录页
    beforeRouteEnter: ((to) => {
      if (to.fullPath === '/home') {
        if (localStorage.getItem("token")) {
          return { path: '/mine' }
        } else {
          return true
        }
      } else {
        if (localStorage.getItem('token')) {
          return true
        } else {
          return { path: '/login' }
        }
      }
    }),


    // 通过token判断有没有登录 是否显示退出登录
    computed: {
        goPage() {
            return localStorage.getItem('token')
        }
    },

    methods: {
        //退出登录
        onClickRight() {
            showConfirmDialog({
                message:
                    '您确定要退出登录吗',
            })
                .then(() => {
                    localStorage.removeItem('token')
                    this.$router.push('/home')
                })
        }
    }
}

</script>
<style scoped>

</style>